<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/* 移动端样式 */
	@media (max-width: 767px) {

		/* 这里写针对移动端的样式 */
		::v-deep uni-page-head .uni-page-head {
			width: 100%;
			/* 设置固定宽度 */
			margin: 0 auto;
			/* 居中显示 */
			background-color: #fff;
			/* 背景颜色 */
		}

		::v-deep uni-tabbar.uni-tabbar-bottom .uni-tabbar {
			width: 100%;
			/* 设置固定宽度 */
			margin: 0 auto;
			/* 居中显示 */
			background-color: #eee;
			/* 背景颜色 */
		}

		body {
			margin: 0 auto;
			display: flex;
			justify-content: center;
			align-items: center;
			min-height: 100vh;
			background-color: #f0f0f0;
			max-width: 100%;
			/* 例如，设置为移动设备的宽度 */
			height: 100%;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			/* 可选：添加阴影效果 */
			overflow-y: auto;
		}
	}

	/* 平板设备样式 */
	@media (min-width: 768px) and (max-width: 1024px) {

		/* 这里写针对平板设备的样式 */
		::v-deep uni-page-head .uni-page-head {
			width: 375px;
			/* 设置固定宽度 */
			margin: 0 auto;
			/* 居中显示 */
			background-color: #fff;
			/* 背景颜色 */
		}

		::v-deep uni-tabbar.uni-tabbar-bottom .uni-tabbar {
			width: 375px;
			/* 设置固定宽度 */
			margin: 0 auto;
			/* 居中显示 */
			background-color: #eee;
			/* 背景颜色 */
		}

		body {
			margin: 0 auto;
			display: flex;
			justify-content: center;
			align-items: center;
			min-height: 100vh;
			background-color: #f0f0f0;
			max-width: 375px;
			/* 例如，设置为移动设备的宽度 */
			height: 100%;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			/* 可选：添加阴影效果 */
			overflow-y: auto;
		}
	}

	/* PC端样式 */
	@media (min-width: 1025px) {

		/* 这里写针对PC端的样式 */
		::v-deep uni-page-head .uni-page-head {
			width: 375px;
			/* 设置固定宽度 */
			margin: 0 auto;
			/* 居中显示 */
			background-color: #fff;
			/* 背景颜色 */
		}

		::v-deep uni-tabbar.uni-tabbar-bottom .uni-tabbar {
			width: 375px;
			/* 设置固定宽度 */
			margin: 0 auto;
			/* 居中显示 */
			background-color: #eee;
			/* 背景颜色 */
		}

		body {
			margin: 0 auto;
			display: flex;
			justify-content: center;
			align-items: center;
			min-height: 100vh;
			background-color: #f0f0f0;
			max-width: 375px;
			/* 例如，设置为移动设备的宽度 */
			height: 100%;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			/* 可选：添加阴影效果 */
			overflow-y: auto;
		}
	}


	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import './tuniao-ui/index.scss';
	@import './tuniao-ui/iconfont.css';

	.uni-page-wrapper {
		// background-color: #eee ;
	}
</style>